require('../less/course.less')
require('../fonts/iconfont.css')
import 'weui'
import weui from 'weui.js';
document.ready(function () {
    //加载导航守卫
    utils.navGuard()

    // 加载taps盒子
    utils.taps(1);
    //加载课程中心页tab
    utils.sportTop(2);

    // 获取所有的small
    const app_course = document.querySelector('.app_course');
    const userId = localStorage.getItem('userId');
    const newCourseBox = document.querySelector('.newCourseBox');
    // 发请求获取数据
    axios.get(`${url}/sports/courseList?id=${userId}`)
    .then(function(res){
        res=res.data
        if (res.status === 0) {
            // 所有数据
            const arr = res.data;
            // 过滤出最新课程
            const newCourse = arr.filter((item) => item.latest === 1);
            newCourse.forEach(function (value, index) {
                let str = `
                <div class="course_box" data-id=${value.courseId}>
                <img src="${value.imgurl}" alt="">
                <h4 class="pd16 fs20">${value.name}</h4>
                <p class="pd16 course_text">${value.desc}</p>
            </div>
                `
                newCourseBox.innerHTML += str;
            });

            // 过滤出普通课程
            const commonCourse = arr.filter((item) => item.latest === 0);
            commonCourse.forEach(function (value, index) {
                app_course.innerHTML += `
             <div class="course ">
                <div class="course_box small" data-id=${value.courseId}>
                     <img src="${value.imgurl}" alt="">
                   <h4 class="pd16 fs20">${value.name}</h4>
                     <p class="pd16 course_text">${value.desc}</p>
                </div>
             </div>
              `
            })
        }
    })
    .catch(function(error){
        console.log(error)
        weui.confirm('课程加载失败,请检查您的网络,或者重新进入软件', {
            title: '友情提示',
            buttons: [{
                label: '退出',
                type: 'default',
                onClick: function(){ location.href='run.html' }
            }, {
                label: '重新加载',
                type: 'primary',
                onClick: function(){ history.go(0) }
            }]
        });
    })


    // 使用事件委派给 app_course绑定事件
    app_course.addEventListener('click', function (e) {


        if(e.target.parentNode.className.includes('course_box')){
            // 来获取课程id
            const id=e.target.parentNode.dataset.id;
            // 携带id跳转指定页面
            location.href=`./courseDetails.html?id=${id}`
        }
    })


})